<template>
    <div class="common-layout">
        <el-container>
            <el-header>
                <Header />
            </el-header>
            <el-container>
                <el-aside width="200px">
                    <Left />
                </el-aside>
                <el-main>
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script setup lang="ts">
import Header from "../Layout/Header.vue"
import Left from "../Layout/Left.vue"

</script>

<style  lang="less" scoped>
.el-header {
    background-color: #409eff;
    height: 70px;
}

.el-aside {
    background-color: #304156;
    height: calc(100vh - 70px);


    &::-webkit-scrollbar {
        width: 0;
    }

}

.el-main {
    color: #000;
}
</style>